<script setup lang="ts">
import { RouterView, useRoute } from 'vue-router'
import { useAuthStore } from '@/store/index.ts'
import { ref,onMounted } from 'vue';
import zhCN from 'ant-design-vue/es/locale/zh_CN';
const store = useAuthStore();
const locale = ref(zhCN);


</script>

<template>

  <div class="time" v-if="useAuthStore().time!=null">
  您今天的游戏还剩 {{useAuthStore().time}}分钟
  </div>
  <div class="id" v-if="store.id ">
    id:{{ store.id }}
  </div>
  <a-config-provider :locale="locale">
    <RouterView />
  </a-config-provider>
</template>

<style scoped>
@font-face {
  font-family: 'ziti';
  src: url('@/static/MiaoZi-YunYingTi-2.ttf') format('truetype');
  /* 添加其他字体格式，如 woff, woff2 格式 */
}
*{
  font-family: 'ziti';
}
.time {
  position: absolute;
  font-size: 2rem;
  font-weight: 900;
  right: 50%;
  top: 3%;
  color: red;
}

.id {
  position: absolute;
  font-size: 2rem;
  font-weight: 900;
  color: red;
  right: 2rem;
}

#app {
  width: 100%;
  height: 100%;
}

.divheader {
  width: 100%;
  height: 6vh;
  position: sticky;
  top: 0px;
  z-index: 999;
}

.body {
  height: 94vh;
  min-width: 100%;
}
</style>
